<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-10-07 15:39:31
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2023-10-07 16:20:13
 * @FilePath: \mould\src\views\404.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="no-network">
        <div class="network">
            <img style="width: 300px;height: 200px;" src="../assets/img/no-network.png" alt="">
            <h4>网络连接发生问题</h4>
            <h5>请检查网络设置或刷新页面重试</h5>
        </div>

    </div>
</template>
<script>
export default {
    name: "NotFound"
}
</script>
<style scoped lang="less">
.no-network {
    height: 100%;
    padding: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .network {
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

h4 {
    color: #171A1D;
    font-size: 0.16rem;


}

h5 {
    color: #666b6f;
    font-size: 0.14rem;
    padding: 0;
    margin: 0;
}
</style>
